﻿@model List<Data.Video.Category>
<div id="guide" class="yt-scrollbar">
    <div id="appbar-guide-menu" class="appbar-menu appbar-guide-menu-layout appbar-guide-clickable-ancestor yt-uix-scroller" role="navigation" style="top: 0px;">
        <div id="guide-container" class="">
            <div class="guide-module-content yt-scrollbar">
                <ul class="guide-toplevel">
                    <li class="guide-section vve-check" data-visibility-tracking=""  >
                        <div class="guide-item-container personal-item">
                            <ul class="guide-user-links yt-uix-tdl yt-box" role="menu" data-fold="208,661">
                                <li id="what_to_watch-guide-item" class="vve-check guide-channel guide-notification-item overflowable-list-item " aria-role="menuitem" data-visibility-tracking="">
                                    <a class="guide-item yt-uix-sessionlink yt-valign spf-link "   title="Xem gì" href="/">
                                        <span class="yt-valign-container">
                                            <img class="thumb guide-what-to-watch-icon yt-sprite" alt="" src="http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif">
                                            <span class="display-name no-count">
                                                <span>Xem gì </span>
                                            </span>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <hr class="guide-section-separator">
                    </li> 
                    <li class="guide-section">
                        <div class="guide-item-container personal-item">
                           <h3> Hay nhất trên YouTube </h3>
                            <ul class="guide-user-links yt-uix-tdl yt-box" role="menu">
                                @foreach (var item in Model)
                                {
                                    <li class="guide-channel guide-notification-item overflowable-list-item ">
                                        <a class="guide-item yt-uix-sessionlink yt-valign spf-link" href="/channel/@item.Name" title="@item.Name"    >
                                            <span class="yt-valign-container">
                                                <span class="thumb"><span class="video-thumb  yt-thumb yt-thumb-20">
                                                    <span class="yt-thumb-square">
                                                        <span class="yt-thumb-clip">
                                                            <img src="/Content/imgs/2.jpg" alt="" width="20" height="20">
                                                            <span class="vertical-align"></span>
                                                        </span>
                                                    </span>
                                                </span>
                                                </span>
                                                <span class="display-name  no-count">
                                                    <span>@item.Name
                                                    </span>
                                                </span>
                                            </span>
                                        </a>
                                    </li> 
                                } 
                            </ul>
                        </div>
                        <hr class="guide-section-separator">
                    </li> 
                </ul>
            </div> 
        </div>
    </div>
</div>
